<template>
  <h1>App...</h1>
  <!-- 
    v-model="count"
      vue2：
        绑定value属性
        绑定input自定义事件
      vue3：
        绑定modelValue属性
        绑定update:modelValue自定义事件

    v-model:count="count"
      绑定count属性
      绑定update:count自定义事件
   -->
  <Child v-model:count="count" v-model:msg="msg" />
</template>

<script lang="ts">
import { defineComponent } from "vue";
import Child from "./Child.vue";

export default defineComponent({
  name: "App",
  data() {
    return {
      count: 0,
      msg: "hello",
    };
  },
  components: {
    Child,
  },
});
</script>

<style>
</style>
